<%@ page import="com.iweb.pojo.Hotel" %>
<%@ page import="java.util.List" %><%--
  Created by IntelliJ IDEA.
  User: machenike
  Date: 2020/8/11
  Time: 19:20
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>酒店列表</title>
    <link rel="stylesheet" href="/hotel/selectHotelList.css">
    <jsp:include page="/public/danhang.jsp"/>
    <link rel="stylesheet" href="/public/daohang.css">
    <link rel="stylesheet" href="/static/css/reset.css">
</head>
<body>

<div class="body-nav">
    <div class="nav-nav">
        <div><a class="accurate-local" href="/hotel/hotelIndex.jsp">酒店预订</a></div>
        <div><p> > </p></div>
        <div><a class="accurate-local">上海酒店</a></div>
        </div>

        <div class="nav-search">
            <span>目的地</span><input class="text-short" autocomplete="on"placeholder="上海" type="text" name="hotel_local">
            <span>入住日期</span><input class="text-short" type="date" value="2020-08-03">
            <span>退房日期</span><input class="text-short" type="date" value="2020-08-04">
            <span>房间数</span>
            <span >
                <select class="room-sel">
                    <option value="room">1间</option>
                    <option value="room">2间</option>
                    <option value="room">3间</option>
                    <option value="room">4间</option>
                    <option value="room">5间</option>
                    <option value="room">6间</option>
                    <option value="room">7间</option>
                    <option value="room">8间</option>
                    <option value="room">9间</option>
                    <option value="room">10间</option>
                </select>
            </span>
            <span>住客数</span>
            <span>
                <select class="people-sel">
                    <option value="people">1成人</option>
                    <option value="people">2成人</option>
                    <option value="people">3成人</option>
                    <option value="people">4成人</option>
                    <option value="people">5成人</option>
                    <option value="people">6成人</option>
                    <option value="people">7成人</option>
                    <option value="people">8成人</option>
                    <option value="people">9成人</option>
                    <option value="people">10成人</option>
                </select>
            </span>
            <span class="keyword">关键词</span><input name="hotel_name" class="search" autocomplete="off" placeholder="(选填）酒店名/地标/商圈" type="text" vaule="input">
            <button type="submit" class="xc-content-search"value="搜索">搜索</button>
        </div>

</div>
    <%--酒店列表--%>
    <div class="hotel-list">
    <c:forEach items="${list}" var="item">
        <div class="list-item">
            <div class="img-wrapper">
                <a href="/hotel/hotelDetail.jsp"><img class="hotel_sImg" src="${item.hotel_sImg}" alt=""></a>
            </div>

            <div class="text-wrapper">
                <div class="title-wrapper">
                    <a href="/hotel/hotelDetail.jsp"><p class="hotel_name">${item.hotel_name}</p></a>
                </div>

                <div class="local-wrapper">
                    <p class="hotel_local">${item.hotel_local}</p>
                </div>
                <div class="grade-wrapper">
                    <p class="hotel_grade">${item.hotel_grade}</p>
                </div>
                <div class="introduce-wrapper">
                    <p class="hotel_introduce">${item.hotel_introduce}</p>
                </div>
            </div>
            <div class="price-wrapper">
                <span class="icon">￥</span>
                <span class="number">${item.hotel_price}</span>
                <span class="up">起</span>
            </div>

        </div>
    </c:forEach>

</div>

<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
</fieldset>
<div id="demo0"></div>

<script>
    layui.use(['laypage', 'layer'], function(){
        var laypage = layui.laypage
            ,layer = layui.layer;

        //总页数低于页码总数
        laypage.render({
            elem: 'demo0'
            ,count: 50 //数据总数
            , page: true
            , limit: 5
            , limits: [5, 10, 20]
        });
    });
</script>



<%--jquery--%>
<script src="../static/js/jquery.min.js"></script>
<%--layui js--%>
<script src="../static/layui/layui.all.js"></script>
<script src="../static/layui/layui.js"></script>
</body>
</html>
